<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- 标签 -->
  <!-- <style>
    div {
      background-color: red;
      width: 50px;
      height: 100px;
    }
  </style> -->

  <!-- 3 引入外部样式文件 -->
  <link rel="stylesheet" href="./css/07.css">
</head>

<body>
  <!-- 
  容器标签默认情况下 高度都是0 宽度默认都是一整行
  1.  主动设置高度
  2.  放一些字内容 撑开高度  
  3 长度单位
    1. px 像素
   -->
  <!-- 1 行内  学习用得较多 工作较少   -->
  <!-- <div style="background-color: red;height: 100px;width: 50px;"></div> -->

  <!-- 2 内部样式 学习用多 小项目   -->
  <div></div>
  <div></div>

</body>

</html>